<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="/css/header2.css">
    <link rel="stylesheet" href="/css/footer.css">
    <link rel="stylesheet" href="/css/public.css">
    <link rel="stylesheet" href="/css/details.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2348611_llrirm3ho3.css">
</head>
<body>
    <div class="header2"></div>

    <div class="fix">
        <div class="typepage">
            <!-- <p>小米11素皮仿织保护壳</p> -->
        </div>
    </div>
    <script type="text/html" id="title">
            <p>{{title}}</p>
    </script>

    <section>
        <div class="details"></div>
        <div class="imglist">
            
        </div>
        <script type="text/html" id="miaoshu">
            {{each descContentList item}}
                <div class="typepage">
                    <img src="{{item.image.url}}" alt="">
                </div>
            {{/each}}
            
        </script>
        <div class="wx">
            <div class="typepage">
                <p>官方微信</p>
                <img src="../images/details/wx.jpg" alt="">
            </div>
        </div>
        <div class="jgsm">
            <div class="typepage">
                <p>价格说明</p>
                <img src="../images/details/jgsm.jpeg" alt="">
            </div>
        </div>
    </section>

    <script type="text/html" id="detailsTemplate">
        <div class="choose">
            <div class="typepage">
                <div class="left">
                    <img src="{{image}}" alt="" class="mainImg">
                    <div class="smallImg" id="goodpicsbox">
                        {{each photo item}}
                        <a href="" data-image="{{item.url}}" data-zoom-image="{{item.url}}">
                            <img src="{{item.url}}" alt="">
                        </a>
                        {{/each}}
                    </div>
                </div>
                <div class="text">
                    <p>{{title}}</p>
                    <p>仿织设计 | 细腻触感 | 全面包裹 | 坚韧耐用</p>
                    <p>小米自营</p>
                    <p>{{price}}元</p>
                    <div class="yhj">
                        <span>优惠劵</span>
                        <span>30元智能券（满599元可用）等3 种优惠券</span>
                        <span><a href="">立即领取</a></span>
                    </div>
                    <div class="address">
                        <div class="add-con">
                            <span>北京</span>
                            <span>北京市</span>
                            <span>海淀区</span>
                            <span>清河街道</span>
                            <span><a href="">修改</a></span>
                            <span>有现货</span>
                        </div>
                        <i class="add iconfont icon-buoumaotubiao23"></i>
                    </div>
                    <div class="color">
                        <p>选择颜色</p>
                        <div class="a">牛仔蓝</div>
                        <div class="b">极地灰</div>
                    </div>
                    <div class="norms">
                        <p>选择规格</p>
                        <div class="a">for 玻璃版</div>
                        <div class="b">for 塑皮版</div>
                    </div>
                    <div class="price">
                        <span>{{title}}</span>
                        <span>{{price}}元</span>
                        <p>总计:{{price}}元</p>
                    </div>
                    <div class="btn">
                        <div class="shopcar">加入购物车</div>
                        <div class="like">
                            <i class="ss iconfont icon-shoucang"></i>
                            喜欢
                        </div>
                    </div>
                    <i class="gou iconfont icon-tick"></i>
                    <span>小米自营</span>
                    <i class="gou iconfont icon-tick"></i>
                    <span>小米发货</span>
                    <i class="gou iconfont icon-tick"></i>
                    <span>7天无理由退货</span>
                    <i class="gou iconfont icon-tick"></i>
                    <span>运费说明</span>
                    <i class="gou iconfont icon-tick"></i>
                    <span>企业信息</span>
                </br>
                    <i class="gou iconfont icon-tick"></i>
                    <span>7天价格保护</span>
                </div>
            </div>
        </div>
        
    </script>

    <footer></footer>

    <div class="tianjia">
        添加成功
    </div>

    <script src="/lib/requirejs/require.js" data-main="/js/details"></script>
</body>
</html>